Skip to content

fix: let composing site own shell and brand CSS#1667

Merged
arbrandes merged 2 commits into
openedx:frontend-basefrom
arbrandes:fix-branding
Apr 22, 2026
Merged

fix: let composing site own shell and brand CSS#1667
arbrandes merged 2 commits into
openedx:frontend-basefrom
arbrandes:fix-branding

Conversation

@arbrandes
Copy link
Copy Markdown
Contributor

@arbrandes arbrandes commented Apr 21, 2026

Description

Stops the app from re-bundling the shell stylesheet so lazy-loaded app chunks no longer re-declare Paragon's :root custom properties and clobber the composing site's brand tokens at runtime. The dev harness now pulls the shell styles in through @openedx/frontend-base/shell/style (a JS manifest exposed by frontend-base) directly from site.config.dev.tsx, while app-scoped styles continue to load per-chunk through Main.tsx via src/style.scss. The ./app.scss subpath export and the src/app.scss entry are both removed since composing sites no longer need to pull in the app's rules at site-build time.

Also fixes two @media queries in _base_component.scss that used a single-dash custom-media name (-pgn-...) and were silently non-matching.

The dev harness runs unbranded now, so @edx/brand is dropped from the repo entirely rather than demoted to a devDependency.

Refs openedx/frontend-base#232.

LLM usage notice

Built with assistance from Claude.

@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 21, 2026

Codecov Report

❌ Patch coverage is 0% with 1 line in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (frontend-base@104975f). Learn more about missing BASE report.

Files with missing lines Patch % Lines
src/routes.jsx 0.00% 1 Missing ⚠️
Additional details and impacted files
@@               Coverage Diff                @@
##             frontend-base    #1667   +/-   ##
================================================
  Coverage                 ?   92.08%           
================================================
  Files                    ?       93           
  Lines                    ?     2046           
  Branches                 ?      588           
================================================
  Hits                     ?     1884           
  Misses                   ?      159           
  Partials                 ?        3           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@arbrandes arbrandes force-pushed the fix-branding branch 2 times, most recently from 86487a2 to 836512a Compare April 21, 2026 20:21
@arbrandes arbrandes linked an issue Apr 21, 2026 that may be closed by this pull request
@arbrandes arbrandes changed the title refactor: let composing site own shell and brand CSS fix: let composing site own shell and brand CSS Apr 21, 2026
@arbrandes arbrandes force-pushed the fix-branding branch 3 times, most recently from 308d561 to 1317651 Compare April 22, 2026 14:03
@arbrandes arbrandes marked this pull request as draft April 22, 2026 14:35
The shell stylesheet moved from a SCSS file to a JS manifest at
@openedx/frontend-base/shell/style. Imports it directly from
site.config.dev.tsx and drops the now-redundant site.scss. Also fixes
two @media queries in _base_component.scss that used a single-dash
custom-media name and were silently non-matching.

Refs openedx/frontend-base#232

Co-Authored-By: Claude <noreply@anthropic.com>
@arbrandes arbrandes marked this pull request as ready for review April 22, 2026 15:06
Co-Authored-By: Claude <noreply@anthropic.com>
@arbrandes arbrandes merged commit d859ebf into openedx:frontend-base Apr 22, 2026
6 checks passed
@arbrandes arbrandes deleted the fix-branding branch April 22, 2026 15:39
@openedx-semantic-release-bot
Copy link
Copy Markdown

🎉 This PR is included in version 1.0.0-alpha.12 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix frontend-base branding

3 participants